<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Testimonials</title>
<link rel="icon" type="image/png" href="images/favicon.ico" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script src="scripts/ie9.js">IE7_PNG_SUFFIX=".png";</script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="stylesheets/style.css"> 
<link rel="stylesheet" href="stylesheets/responsive.css"> 
<script src="scripts/jquery.min.js"></script> 
<script src="scripts/jquery.blackandwhite.min.js"></script>
<script src="scripts/js_func.js"></script>
<script>
$(function(){
    $('.bwWrapper').BlackAndWhite({
        hoverEffect : true,
        webworkerPath : false,
        responsive:true,
        invertHoverEffect:false
    });
});
</script>
</head>
<body>
<div class="wraper">
 <header class="header">
  <a class="logo" href="index.html">construct</a>
  <nav>
  <!-- top menu -->
   <ul>
    <li><a href="index.html">Home</a>
     <ul>
      <li><a href="index2.html">Home Version 2</a></li>
      <li><a href="index3.html">Home Version 3</a></li>
      <li><a href="index4.html">Home Version 4</a></li>
      <li><a href="index5.html">Home Version 5</a></li>
      <li><a href="index6.html">Home Version 6</a></li>
      <li><a href="index7.html">Home Version 7</a></li>
      <li><a href="index8.html">Home Version 8</a></li>
     </ul>
    </li>
    
    <li><a href="about.html">Pages</a>
     <ul>
      <li><a href="about.html">About Us</a></li>
      <li><a href="team.html">Team</a></li>
      <li><a href="services.html">Services</a></li>
      <li><a href="process.html">Process</a></li>
      <li><a href="testimonials.html">Testimonials</a></li>
      <li><a href="contact_us.html">Contact Us</a></li>
      <li><a href="pricing.html">Pricing</a></li>
      <li><a href="faq.html">FAQ</a></li>
      <li><a href="left_nav.html">Left Nav</a></li>
      <li><a href="left_sidebar.html">Left Sidebar</a></li>
      <li><a href="right_nav.html">Right Nav</a></li>
      <li><a href="right_sidebar.html">Right Sidebar</a></li>
      <li><a href="full_width.html">Full Width</a></li>
     </ul>
    </li>
    <li><a href="short_text.html">Portfolio</a>
     <ul>
      <li><a href="short_text.html">Short Text Layout</a>
       <ul>
        <li><a href="short_text.html">1 Column</a></li>
        <li><a href="short_text2.html">2 Column</a></li>
        <li><a href="short_text3.html">3 Column</a></li>
        <li><a href="short_text4.html">4 Column</a></li>
       </ul>
      </li>
      <li><a href="long_text.html">Long Text Layout</a>
       <ul>
        <li><a href="long_text_wide.html">1 Column Wide</a></li>
        <li><a href="long_text.html">1 Column</a></li>
        <li><a href="long_text2.html">2 Column</a></li>
        <li><a href="long_text3.html">3 Column</a></li>
        <li><a href="long_text4.html">4 Column</a></li>
       </ul>
      </li>
      <li><a href="filtered.html">Filtered Layout</a>
       <ul>
        <li><a href="filtered.html">1 Column</a></li>
        <li><a href="filtered2.html">2 Column</a></li>
        <li><a href="filtered3.html">3 Column</a></li>
        <li><a href="filtered4.html">4 Column</a></li>
       </ul>
      </li>
      <li><a href="right_sidebar.html">Right Sidebar</a>
       <ul>
        <li><a href="right_sidebar.html">1 Column</a></li>
        <li><a href="right_sidebar2.html">2 Column</a></li>
        <li><a href="right_sidebar3.html">3 Column</a></li>
       </ul>
      </li>
      <li><a href="left_sidebar.html">Left Sidebar</a>
       <ul>
        <li><a href="left_sidebar.html">1 Column</a></li>
        <li><a href="left_sidebar2.html">2 Column</a></li>
        <li><a href="left_sidebar3.html">3 Column</a></li>
       </ul>
      </li>
      <li><a href="gallery.html">Gallery Style</a>
       <ul>
        <li><a href="gallery.html">1 Column</a></li>
        <li><a href="gallery2.html">2 Column</a></li>
        <li><a href="gallery3.html">3 Column</a></li>
        <li><a href="gallery4.html">4 Column</a></li>
       </ul>
      </li>
      <li><a href="single_full.html">Portfolio Single Post</a>
       <ul>
        <li><a href="single_full.html">Full Width</a></li>
        <li><a href="single_right.html">Right Sidebar</a></li>
        <li><a href="single_left.html">Left Sidebar</a></li>
       </ul>
      </li>
     </ul>    
    </li>
    <li><a href="blog_post.html">Blog</a>
     <ul>
      <li><a href="blog_full_width.html">Full Width</a></li>
      <li><a href="blog_large.html">Large Image No Sidebar</a></li>
      <li><a href="blog_large_sidebar.html">Large Image With Sidebar</a></li>
      <li><a href="blog_medium_sidebar.html">Medium Image Right Sidebar</a></li>
     </ul>
    </li>
    <li><a href="shortcodes_typography.html">Shortcodes</a>
     <ul>
      <li><a href="shortcodes_typography.html">Typography</a></li>
      <li><a href="shortcodes_buttons_icons.html">Buttons</a></li>
      <li><a href="shortcodes_google_maps.html">Maps</a></li>
      <li><a href="shortcodes_content_sliders.html">Sliders</a></li>
      <li><a href="shortcodes_videos.html">Videos</a></li>
      <li><a href="shortcodes_pricing_tables.html">Tables</a></li>
      <li><a href="shortcodes_alerts_boxes.html">Boxes</a></li>
      <li><a href="shortcodes_accordions_tabs_toggles.html">Tabs</a></li>
     </ul>
    </li>
   </ul>
  <!-- /top menu -->
  </nav>
 </header>
</div> 

<div class="content_block">
 <!-- top_title -->
 <div class="top_title">
  <div class="wraper">
   <h2>Testimonials<span>We love our clients, and our clients love us!</span></h2>
   <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Pages</a></li>
    <li>Testimonials</li>
   </ul>
  </div>
 </div>
 <!-- /top_title -->
 <div class="wraper">
  <!-- testimonial_option -->
  <div class="testimonial_option">
   <h4 class="bord">Testimonial Option #1</h4>
   <ul>
    <li>
     <div class="img bwWrapper"><img src="images/testimonials/testimonials1.png" width="279" height="141" alt="" /></div>
     <div class="desc">
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recs."</p>
       <p class="tit"><strong>Joseph McCallister</strong>,  President &amp; Founder</p>
      </blockquote>
     </div>
    </li>
    <li>
     <div class="img bwWrapper"><img src="images/testimonials/testimonials2.png" width="279" height="141" alt="" /></div>
     <div class="desc">
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recs."</p>
       <p class="tit"><strong>Joseph McCallister</strong>,  President &amp; Founder</p>
      </blockquote>
     </div>
    </li>
   </ul>
  </div>
  <!-- /testimonial_option -->
  <!-- testimonial_option2 -->
  <div class="testimonial_option testimonial_option2 c_after">
   <h4 class="bord">Testimonial Option #2</h4>
   <ul>
    <li>
     <div class="img bwWrapper"><img src="images/testimonials/testimonials1.png" width="279" height="141" alt="" /><p><strong>Joseph McCallister</strong>,  President &amp; Founder</p></div>
     <div class="desc">
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quiase dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat sits."</p>
      </blockquote>
     </div>
    </li>
    <li>
     <div class="img bwWrapper"><img src="images/testimonials/testimonials2.png" width="279" height="141" alt="" /><p><strong>Joseph McCallister</strong>,  President &amp; Founder</p></div>
     <div class="desc">
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quiase dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat sits."</p>
      </blockquote>
     </div>
    </li>
    <li>
     <div class="img bwWrapper"><img src="images/testimonials/testimonials3.png" width="279" height="141" alt="" /><p><strong>Joseph McCallister</strong>,  President &amp; Founder</p></div>
     <div class="desc">
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quiase dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat sits."</p>
      </blockquote>
     </div>
    </li>
   </ul>
  </div>
  <!-- /testimonial_option2 -->
  <!-- testimonial_option3 -->
  <div class="testimonial_option testimonial_option3 c_after">
   <h4 class="bord">Testimonial Option #3</h4>
   <ul>
    <li>
     <div class="desc">
      <blockquote>
       <p>"Lid est laborum et dolorum fugaste. Etras harum quidem racilis est etrasit expedita distinctio. Namsir uns libero uns tempo re, cum solutabis estendi."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister</strong>,  President &amp; Founder</p>
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qusti. Temporibus autem quibusdam et aut tetur, adipisci velit, sed quia nonsert numquam eius modi tempora incidunt utis officiis debitis aut rerum necess itatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non.</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister</strong>,  President &amp; Founder</p>
     </div>
    </li>
    <li>
     <div class="desc">
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister</strong>,  President &amp; Founder</p>
      <blockquote>
       <p>"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister</strong>,  President &amp; Founder</p>
     </div>
    </li>
   </ul>
  </div>
  <!-- /testimonial_option3 -->
  <!-- testimonial_option4 -->
  <div class="testimonial_option testimonial_option4">
   <h4 class="bord">Testimonial Option #4</h4>
   <ul>
    <li>
     <div class="desc">
      <blockquote>
       <p>"Lid est laborum et dolorum fugaste. Etras harum quidem racilis est etrasit expedita distinctio. Namsir uns libero uns tempo re, cum solutabis estendi sadips ipsums uns."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister,</strong>  President &amp; Founder</p>
     </div>
    </li>
    <li>
     <div class="desc">
      <blockquote>
       <p>"Lid est laborum et dolorum fugaste. Etras harum quidem racilis est etrasit expedita distinctio. Namsir uns libero uns tempo re, cum solutabis estendi sadips tetur, adipisci velit, sed quia non numquam eius modi tempor psums dol opres voluptas sadipsuns."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister,</strong>  President &amp; Founder</p>
     </div>
    </li>
    <li>
     <div class="desc">
      <blockquote>
       <p>"Lid est laborum et dolorum fugaste. Etras harum quidem racilis est etrasit expedita distinctio. Namsir uns libero estendi sadips ipsums uns."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister,</strong>  President &amp; Founder</p>
     </div>
    </li>
    <li>
     <div class="desc">
      <blockquote>
       <p>"Lid est laborum et dolorum fugaste. Etras harum quidem racilis est etrasit expedita distinctio. Namsir uns libero uns tempo re, cum solutabis estendi sadips ipsums estendi sadips tetur, adipisci dolroes."</p>
      </blockquote>
      <p class="tit"><strong>Joseph McCallister,</strong>  President &amp; Founder</p>
     </div>
    </li>
   </ul>
  </div>
  <!-- /testimonial_option4 -->
  
 </div>
</div>

<!-- footer -->
<!-- social block -->
<div class="social_block">
 <div class="wraper">
  <p>Stay connected with us in your favorite flavor!</p>
  <ul>
   <li class="facebook"><a href="#">Facebook</a></li>
   <li class="twitter"><a href="#">Twitter</a></li>
   <li class="linkedin"><a href="#">LinkedIn</a></li>
   <li class="rss"><a href="#">RSS</a></li>
   <li class="dribbble"><a href="#">Dribbble</a></li>
   <li class="google"><a href="#">Google+</a></li>
  </ul>
 </div>
</div>
<!-- /social block -->

<div class="footer">
 <footer>
  <!-- bottom about -->
  <div class="bottom_about">
   <p><img src="images/logo.png" alt="" /></p>
   <p>At vero eos et accusaus et iusto unir un dignissimos ducimus quirds siter ters pi blranditiis praesentium amets voluptatum un deleniti atque corrupti quosdirs dolores etra quasir moltias unstw excepturi sinte amets occaecatires.</p>
  </div>
  <!-- /bottom about -->
  <!-- recent tweets -->
  <div class="recent_tweets">
   <h3><span>Recent Tweets</span></h3>
   <ul>
    <li><a href="#">@laurakalbag</a> I will be very soon. Ase result reco endation <a href="#">31 minutes ago</a></li>
    <li><a href="#">@laurakalbag</a> you got chocolates!? That's i I'm signing up. <a href="#">37 minutes ago</a></li>
   </ul>
  </div>
  <!-- /recent tweets -->
  <!-- recent posts -->
  <div class="recent_posts">
   <h3><span>Recent Posts</span></h3>
   <ul>
    <li><a href="#">Lorem ipsum dolo amet consecect</a></li>
    <li><a href="#">Sed laoreet neque nonte mauris </a></li>
    <li><a href="#">Metus lacus, porta vestibulum</a></li>
    <li><a href="#">Morbi ac magna est ornare eliticits</a></li>
    <li><a href="#">Voluptas sadips nemis un etras</a></li>
   </ul>
  </div>
  <!-- /recent posts -->
  <!-- subscribe block -->
  <div class="subscribe_block">
   <h3><span>Stay Connected</span></h3>
   <form method="post" action="#">
    <p><input type="text" id="name" value="NAME ..." /></p>
    <p><input type="text" id="email" value="EMAIL ..." /></p>
    <p><input type="submit" value="Subscribe" /></p>
   </form>
  </div>
  <!-- /subscribe block -->
 </footer>
</div>

<!-- copyright -->
<div class="copyright">
 <div class="wraper">
  <p><span>Copyright 2012 Construct</span>All Rights Reserved<a href="#">RSS</a><a href="#">Comments</a></p>
  <a class="top" href="#">Back to the top</a>
 </div>
</div>
<!-- /copyright -->
<!-- /footer -->
</body>
</html> 
